<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>智飨科技食品餐饮安全网管理后台</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="智飨科技-食品餐饮安全网 " />
    <meta name="author" content="hhp" />
    <meta name="keyword" content="智能化餐饮,智飨科技,物联网,食品安全,智能厨房,家宴,餐饮标准化管理" />
    <link rel="icon" href="../images/logo1.png" type="image/x-icon"/>
    <script src="../js/common/css/commonCss.js" type="text/javascript"></script>
    <link href="../css/userList/userList.css" rel="stylesheet" type="text/css" />
</head>
<body class="skin-blue">
<script src="../js/common/head.js" type="text/javascript"></script>

<div class="wrapper row-offcanvas row-offcanvas-left">
    <!-- 左边菜单 -->
    <script src="../js/common/leftNav.js" type="text/javascript"></script>
    <div class='copyrights'>
        Collect from <a href='http://www.zhixiangyun.cn/'  title='智飨科技'>智飨科技</a>
        <span id='teShiro' style='display:none'><shiro:principal property='userName'></shiro:principal></span>
        <span id='teShiro2' style='display:none'><shiro:principal property='insertTime'></shiro:principal></span>
        <div style='display:none;' id='currentUser'><shiro:principal property='id'></shiro:principal></div>
        <div style='display:none;' id='currentUserSdId'><shiro:principal property='sdId'></shiro:principal></div>
        <div style='display:none;' id='currentUserIsZX'><shiro:principal property='zx'></shiro:principal></div>
        <div style='display:none;' id='currentUserProfession'><shiro:principal property='profession'></shiro:principal></div>
    </div>
    <aside class="right-side" id="main">
        <script src="../js/common/message/message.js" type="text/javascript"></script>
        <section class="col-lg-12 connectedSortable">
            <svg class="hidden">
                <defs>
                    <symbol id="icon-search">
                        <title>search</title>
                        <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
                    </symbol>
                    <symbol id="icon-cross">
                        <title>cross</title>
                        <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
                    </symbol>
                </defs>
            </svg>
            <main>
                <div class="search">
                    <div class="search__inner">
                        <form class="search__form" id="scjcxxSearchForm">
                            <input id="alertSdId" type="hidden" name="sdIds"/>
                            <div class="input-group">
                                <input type="text" name="uname" class="form-control" placeholder="用户名"/>
                            </div>
                            <button type="button" class="btn btn-alt btn-sm btn-flat" style="text-align: center;margin-top: 6.8em;" onclick="reloadMyDateTable()">
                                <i class="iconfont iconmagnifiersearch" data-toggle="tooltip" title="搜索" style="color:blue;font-size: 1.3em;cursor: pointer;"></i>
                            </button>
                        </form>
                    </div><!-- /search__inner -->
                </div><!-- /search -->
            </main><!-- /main-wrap -->

            <!-- /jQuery 弹幕样式消息 -->
            <div class="box box-primary">
                <div class="box-header">
                    <span class="box-title" style="font-size: 1.5em;" >用户管理</span>

                    <div class="pull-right box-tools">
                        <button id="btn-search" class="btn btn-alt btn-sm" data-toggle="tooltip" title="搜索"><i class="iconfont iconzhinengsousuo" style="font-size: 1em;"></i></button>
                        <button id="btn-search-close" class="btn btn-alt btn-sm btn--search-close btn--hidden" style="z-index: 9999999;"><i class="iconfont iconjibing" style="font-size: 1em;"></i></button>


                        <button class="btn btn-alt btn-sm refresh-btn" data-toggle="tooltip" title="重新加载" onclick="loadUserList()"><i class="fa fa-refresh"></i></button>
                        <button class="btn btn-alt btn-sm" data-widget='collapse' data-toggle="tooltip" title="隐藏"><i class="fa fa-minus"></i></button>
                        <button class="btn btn-alt btn-sm" data-widget='remove' data-toggle="tooltip" title="关闭"><i class="fa fa-times"></i></button>
                    </div><!-- /. tools -->
                </div><!-- /.box-header -->
                <div class="box-body no-padding main-wrap">
                    <table id="sort" class="my-table">
                        <thead>
                        <tr>
                            <th>是否在职</th>
                            <th>用户名</th>
                            <th>角色名称</th>
                            <th>添加时间</th>
                            <th>操作</th>
                        </tr>
                        <thead>
                        <tbody id="userListUl">
                        </tbody>
                    </table>
                </div><!-- /.box-body -->
                <div class="box-footer clearfix no-border">
                    <div class="ht-page"></div>
                    <button class="btn btn-alt pull-right" onclick="createUser()" style="margin-top: -2.3em;" data-toggle="tooltip" title="新增用户"><i class="iconfont icontianjiayonghu" style="font-weight: bold;color: blue;"></i></button>
                </div>
            </div><!-- 站点角色列表 -->
        </section>
    </aside><!-- /.right-side -->
</div><!-- ./wrapper -->

<!-- COMPOSE MESSAGE MODAL -->
<div class="modal fade" id="compose-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 id="chgUserTitle" class="modal-title"></h4>
            </div>
            <form id="userForm" action="#" method="post" onsubmit="return showRequest()">
                <input id="roleIds" type="hidden" name="roleIds"/>
                <input id="siteRoleIds" type="hidden" name="siteRoleIds"/>
                <input id="jobIds" type="hidden" name="profession"/>
                <input id="id" type="hidden" name="id"/>
                <input id="isZx" type="hidden" name="zx"/>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon">账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:</span>
                            <input id="userName" name="userName" type="text" class="form-control validate[required,maxSize[6],custom[chinese],ajax[isNameSdIdExist]]" placeholder="用户名(必填)" data-errormessage-value-missing="必填" data-errormessage-range-overflow="最多6位" data-errormessage-custom-error="只接受中文汉字">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</span>
                            <input id="password" name="password" type="password" class="form-control" placeholder="密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon">审签类别:</span>
                            <select id="qsType" name="qsType">
                                <!-- data-left='<img src="../../images/logo1.png">'  data-left='<i class="iconfont iconxuhao3"></i>' -->
                                <option value='' data-subtitle='' data-left='' selected>--选择审签类别--</option>
                                <option value='1' data-subtitle='第一审签人'>第一审签人</option>
                                <option value='2' data-subtitle='第二审签人'>第二审签人</option>
                                <option value='3' data-subtitle='第三审签人'>第三审签人</option>
                                <option value='4' data-subtitle='第四审签人'>第四审签人</option>
                                <option value='5' data-subtitle='第五审签人'>第五审签人</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon">门禁密码:</span>
                            <input id="accesscode" name="accessCode" type="password" class="form-control" placeholder="门禁密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-addon">班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次:</span>
                            <select id="classes" name="classes">

                            </select>
                        </div>
                    </div>
                    <div id="form-group-sdId" class="form-group" style="display: none;">
                        <div class="input-group">
                            <span class="input-group-addon">试&nbsp;&nbsp;点&nbsp;&nbsp;id:</span>
                            <input id="sdId" name="sdId" type="text" class="form-control" placeholder="试点id">
                        </div>
                    </div>
                    <div class="form-group" id="zx_type">
                    </div>
                    <div class="form-group">
                        <div id="rolesDivs" class="input-group" style="width: 100%;">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group myCutLineHeader">
                        </div>
                        <canvas id="canvas" style="width: 100% !important;"></canvas>
                    </div>
                    <div class="form-group">
                        <div id="siteRolesDivs" class="input-group" style="width: 100%;">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group myCutLineHeader">
                        </div>
                        <canvas id="canvas2" style="width: 100% !important;"></canvas>
                    </div>
                    <div class="form-group">
                        <div id="jobDivs" class="input-group" style="width: 100%;">
                        </div>
                    </div>
                </div>
                <div class="modal-footer clearfix">
                    <button type="button" class="btn btn-danger" onclick="myResetForm()"><i class="fa fa-eraser"></i>&nbsp;重置</button>
                    <button type="submit" class="btn btn-primary pull-left" ><i class="fa fa-mail-forward"></i>&nbsp;立即提交</button>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
    var cvs,ctx,cvs2,ctx2;
    var waves = [];
    var waveHeight = 1;
    var colours = ["#f00","#0f0","#00f"]
</script>
<script src='../js/common/hideSearch_noInput.js' type='text/javascript'></script>
<script src="../js/common/js/commonJs.js" type="text/javascript"></script>
<script src="../js/userList/userList.js" type="text/javascript"></script>
</body>
</html>